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MENU EMULATION FOR CONTENT BROWSER CLIENTS 
BACKGROUND OF THE INVENTION 

Technical Field 

B ' The present invention relates to rendering user interface elements in a content 

browser and more particularly to emulating pull-down and pop-up menus in a content 
Ws browser. 

y 

iy Description of the Related Art 

Prior to the popularization of the Internet and the subsequent deployment of the 
World Wide Web, software publishers typically distributed computer applications via 
storage media such as a computer diskette or compact disc. Initially, such computer 
10 applications included underlying program logic, data storage and, optionally, a user 
interface. Over time, as the processing capabilities of underlying computing devices 
evolved, increasingly more complex user interfaces were developed for use with 
corresponding computer applications. In particular, the advent of the graphical user 
interface (GUI) resulted in an expectation among end users that a computer application 
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include an intuitive and aesthetically pleasing graphical interface through which end 
users could effectively interact with the computer application. 

Recently, given the popularization of the Internet and the World Wide Web, it is 
no longer reasonable to presume that computer applications are distributed exclusively 
5 via disk medium. Rather, in many cases, conventional computer programs are 

distributed electronically via the Internet. More importantly, however, in many cases 
computer applications are no longer distributed as stand-alone executable programs. 
q Rather, many computer applications are distributed as Web applications which can 
J include a collection of hypermedia documents such as Web pages which can be viewed 
f#0 in hypermedia content browsers such as Web browsers. 

In the case of a Web application, users interact with the underlying program logic 

2 not through a traditional GUI, but through a GUI provided by widgets embedded in a 

h 

^ hypermedia document displayed in a hypermedia content browser. Unfortunately, Web- 
fy based GUIs do not enjoy the same flexibility of the conventional GUI. Specifically, GUI 
15 widgets which can be dynamically modified during run-time are not also included as part 
of a Web-enabled GUI. In fact, fundamental limitations of modern markup languages 
prohibit software developers from accessing "basic" GUI components such as a drop- 
down and pop-up menu structures. 

Though it is important to be able to emulate traditional application menus in Web 
20 applications, such emulation is not easily undertaken. Present solutions address this 
deficiency by utilizing embedded scripting and program logic requiring advanced 
processing in the content browser. For instance, it is known to emulate drop-down 
menus using JavaScript and Dynamic HTML. Still, some conventional Web browsers 
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cannot process JavaScript or Dynamic HTML and are configured only to process basic 
versions of HTML, such as HTML 3.2. Moreover, the activation of drop-down menus 
facilitated through JavaScript and Dynamic HTML often require extensive 
communications between the content browser and content server. Extensive 
5 communications between the content server and content browser, however, can detract 
from the performance of the Web application. 
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SUMMARY OF THE INVENTION 

The present invention is a menu emulation method for use in content browsers 
which overcomes the deficiencies of the prior art. Specifically, the method can include 
the steps of encoding a form-submit element with a menu-item description and an 
5 associated graphical icon denoting a selectable menu; disposing the encoded 

form-submit element in network distributable markup and distributing the markup to a 
content browser. Responsive to a selection of one of the menu-item description and the 
p graphical icon, a graphical menu-structure encoded in at least one additional 
=p form-submit element can be further distributed over the network to the content browser. 
Ho In the method of the invention, the encoding step can include the step of 

embedding in a markup representation of the form-submit element, a network reference 
H to a server configured to produce enhanced graphical menu images. In particular, the 
j]] network reference can include a textual menu-item description and a menu type. 
fU Responsive to a selection of the encoded form-submit element embedded in the table 
15 cell, a graphical menu-structure encoded in at least one additional form-submit element 
can be assembled. 

Subsequently, the encoded form-submit element embedded in the table cell can 
be replaced with the graphical menu-structure. Additionally, the table cell can be 
formatted with a background color which differs from the background colors of other 
20 table cells in the table. Notably, the assembling step can include generating a graphical 
display of a menu-structure, the display including at least one of a textual menu action, 
a graphically selectable menu action, and a nested menu structure. 
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In one aspect of the invention, the disposing step can include the step of 
embedding the encoded form-submit element in network distributable markup defining a 
table cell in a table; formatting the table cell with a background color matching the 
background colors of other table cells in the table; and, distributing the markup, upon 
request, to a content browser. In particular, the disposing step can include embedding 
the encoded form-submit element in network distributable markup defining a table cell in 
a table row in a table; further embedding other encoded form-submit elements in other 
table cells in the table row; and, formatting each the table cell with a first background 
4S color. 

La 

Ho Likewise, the further distributing step can include detecting a selection of one of 

ff* the encoded form-submit elements in the row; responsive to the detection, assembling a 
graphical menu-structure encoded in at least one additional form-submit element- 
replacing the one of the encoded form-submit elements with the graphical 
menu-structure; and, formatting a table cell containing the graphical menu-structure with 
15 a background color which differs from the background colors of the other table cells in 
the table row. Finally, the method can further include preserving state information for 
each encoded form-submit element; and, upon detecting a selection of one of the 
encoded form-submit elements, identifying graphical menu-structures in the markup 
from the state information, and removing the graphical menu-structures from the 
20 markup except for a graphical menu-structure assembled for the selected encoded 
form-submit element. 

In another aspect of the invention, a menu emulation method can include serving 
markup to a plurality of content browsers, the markup comprising at least one 
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form-based input element encapsulating a reference to a composite image of menu text 
and a graphical icon, the icon denoting a selectable menu; receiving an indication from 
at least one of the content browsers that the form-based input element has been 
selected; and, responsive to the receipt of the indication, further serving to the at least 
content browser a graphical image of a menu structure, the graphical image comprising 
at least one form-based input element encapsulating a reference to a composite image 
of menu text and a graphical icon, the icon denoting at least one of a menu action and a 
selectable menu. 

I In accordance with the inventive arrangements, a network distributable emulated 

po menu can include one or more composite images, each image including menu text and 
i a graphical icon, the icon denoting a selectable menu; one or more selectable 

5 

O form-based input elements, each element encapsulating one of the composite images; 

I* 

0 and a graphical image of a menu structure, the graphical image including at least one 

W 

5 form-based input element encapsulating a reference to a composite image of menu text 
15 and a graphical icon, the icon denoting at least one of a menu action and a selectable 
menu. Additionally, the emulated menu can include one or more table cells, each cell 
containing one of the selectable form-based input elements. Finally, the menu structure 
can include at least one of a textual menu action, a graphically selectable menu action, 
and a nested menu structure. 
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BRIEF DESCRIPTION OF THE DRAWINGS 

There are shown in the drawings embodiments which are presently preferred, it 
being understood, however, that the invention is not limited to the precise arrangements 
and instrumentalities shown, wherein: 

Figure 1 is a schematic illustration of a system which has been configured to 
render an emulated menu in a content browser in accordance with the inventive 
arrangements; and, 

Figures 2A and 2B, taken together, are a pictorial illustration of an exemplary 

emulated menu bar of the present invention; and, 

Figures 3A and 3B, taken together, are a pictorial illustration of an exemplary 
emulated pop-up menu of the present invention. 
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DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS 

The present invention is a menu emulation system and method for use in content 
browsers. Advantageously, unlike prior art menu rendering systems, in the present 
invention, menus can be emulated without expending processing resources which 
otherwise would be expended when using JavaScript, DHTML or such other client side 
processing technologies. Rather, in the present invention drop-down menus and pop- 
up menus can be emulated using markup which can be rendered even in skeletal 
content browsers capable only of processing HTML 3.2. 

Specifically, in accordance with the inventive arrangements, submittable form 
Uo input elements can be encoded in markup and can include composite imagery causing 
each form input element to appear as a menu entry in a menu. When a form input 
element is selected, additional imagery can be encoded in replacement markup, the 
additional imagery causing the selected form input element to appear as a drop-down or 
pop-up menu. Hence, using minimal client-server communications, a markup-specified 
15 user interface can appear to include a fully operational menu bar or pop-up menu 
without requiring the use of client side processing technologies such as JavaScript. 
Rather, even a basic HTML 3.2 compliant content browser can render markup 
configured to emulate a fully operational menu bar. 

Figure 1 is a schematic illustration of a system 100 which has been particularly 
20 configured to dynamically create and render an emulated menu in a content browser. 
The system can include a content server 102 and one or more client computers 104, 
communicatively linked to the content server 102 via a computer communications 
network 106, for example the Internet. A content browser such as a Web browser (not 
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shown) can operate within each client computer 104. As is well known in the art, 
content browsers can load and render markup such as markup 116 contained in Web 
pages, XML documents, and the like. The content server 102, by comparison, can 
store markup 116 in fixed storage 112, the markup 116 being contained in documents 
5 such as Web pages which can be "served" to requesting clients such as clients 104. 

In accordance with the inventive arrangements, the markup 1 16 can include 
therein markup tags specifying a form. As is well-known in the art, forms can include 

I* submittable input elements which, responsive to the selection thereof, can transmit 

Q 

2 encoded data to a specified network address. In the HTML specification, for example, 
jjo data contained in a form can be transmitted to a specified network address in a 

hypertext transfer protocol (HTTP) request. Importantly, each form-based submittable 
input element can have a visual representation defined by a specified image. In this 
regard, a collection of form-based submittable input elements can have a corresponding 
3 visual representation and an arrangement which emulates that of a conventional menu 
15 bar. 

In one aspect of the present invention, a table can be included in the markup 116 
wherein each cell in a top row of the table can include a menu entry. As in the case of a 
conventional menu bar, each menu entry, upon activation, can cause the display of a 
drop-down list of menu items. Figure 2A depicts the visual rendering of the emulated 
20 menu bar in a table 200. Specifically, as shown in Figure 2A, the table 200 can include 
table cells 210 for each menu entry. Each table cell 210 can further include a form- 
based input element 205 generated in accordance with the inventive arrangements. 
The form-based input element 205 can emulate a menu entry in a menu bar. In 
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particular, each form-based input element 205 can include a textual description portion 
215 and an iconic portion 220 which indicates whether an associated drop-down menu 
has been activated. 

Each composite image used to visually represent the form-based input elements 
5 205 can be assembled through an inventive use of the <INPUT type = IMAGE> tag. 
The <INPUT type = IMAGE> tag permits the use of any arbitrary image as a 
submittable HTML element. Importantly, as will be apparent to one skilled in the art, 
ipj images specified by the markup tag, <INPUT type = IMAGE>, can contain text, colors 
5 and styles typically not provided by other submittable HTML elements. In fact, the 

m submittable HTML element, BUTTON, as defined by version 3.2 of the HTML 

W 

01 specification, cannot accommodate such a wide variety of display parameters without 

a 

also requiring additional client-side processing often provided by executable scripts and 
^ the like. An example of markup utilizing the INPUT TYPE = IMAGE operation in a table 
m follows: 

15 <FORM> 

<TABLE> 

<TR> 

<TD> 

<INPUT TYPE="image" SRC="http://my .graphics.com/graphic.gif 
20 NAME="imgsub" ALIGN="top" WIDTH="50" HEIGHT="50"> 

</TD> 

</TR> 
</TABLE> 
</FORM> 



25 



Returning now to Figure 1 , when a user selects a menu entry, a form-based 
submit can be provided to the server 102. In response, the server 102 can provide to 
the content browser a visual representation of a drop-down menu structure 110. The 
drop-down menu structure 110 can replace the selected form-based input element 205 

pi 022367:1 10 RSW920010111US1 



m 



of Figure 2A with the drop-down menu structure 225. The drop-down menu structure 
225, like the form-based input element 205, can include a visual representation 
produced through the inventive use of the <INPUT TYPE = IMAGE> markup operation. 
Preferably, the image can include an icon 230 which indicates that the drop-down menu 
has been activated. Additionally, those menu-items 235 included in the drop down 
menu can include visually distinguishing characterization, such as underlining, in order 
to indicate that the user can select the menu-items 235. Finally, to assist in the menu 
bar emulation, the background coloring of the table cell 210 can be changed to a color 
J which differs from the background coloring of the other table cells. 
WO Aside from drop-down menus in menu bars, the present invention can 

CP accommodate pop-up menus. In particular, conventional pop-up menus can be 

activated through a mouse-driven right click operation. When performed in a content 
^ browser, however, a mouse-driven right click operation can invoke a pop-up menu 

containing menu items for invoking content browser specific operations and not 
15 application specific operations. Nevertheless, the present invention can emulate pop-up 
menus by providing a graphical indication when an object has an associated pop-up 
menu. 

Specifically, as shown in Figure 3A, a form-based input element 305 configured 
in accordance with the inventive arrangements can be included in markup. The form- 
20 based input element 305 can include a visual representation formed from the composite 
imagery of the object text 315 and the icon 320, the combination forming a pop-up 
menu 310. As shown in Figure 3B, upon selection, a form-based submit can be 
performed and a menu-structure 340 can be provided adjacent to or in place of the pop- 
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up menu 310. In this way, a conventional pop-up menu can be emulated without 
requiring the processing of a client-side script. Rather, the technique employed herein 
can be deployed in even the most skeletal of content browsers which support only 
HTML 3.2. 

5 Importantly, as illustrated in Figure 3B, the emulated menus of the present 

invention (both pop-up and drop-down) can support many types of menu items, 
including textual menu actions 345, graphically selectable menu actions 350, and 

rj nested menu structures 355. Textual menu actions 345 are similar to menu tasks 

Q 

Jp which, upon selection, can generate an HTTP request. Accordingly, textual menu 

Ho actions 345 can be implemented using a form-based input element where only text is 

yy 

51 used as an image. Graphically selectable menu actions 350, by comparison, indicate 

35 

M the availability of a selection from among a list of menu items. Where a single selection 
ITI from among multiple menu items is required, radio buttons can be included in the form- 
ry based input element. In contrast, where multiple selections from among multiple menu 
15 items are possible, checkboxes can be included in the form-based input element. 

In accordance with the inventive arrangements, the state of each menu entry in a 
menu bar or pop-up menu can be stored. In particular, since each menu entry can be a 
form-based input element having a dynamically customizable visual representation, the 
state of each form-based input element can be preserved as would be the case with a 
20 conventional form-based input element such as a radio button or text field. In 

consequence, each time a menu-item or entry has been selected, it can be determined 
whether a drop-down menu or pop-up menu has been activated. If it is determined that 
a drop-down menu or pop-up menu has already been activated when another menu 
pi 022367 1 1 2 RSW92001 01 1 1 US1 



item or entry has been selected, the already activated drop-down menu or pop-up menu 
can be deactivated. In this way, the operation of the emulated menus of the present 
invention can remain true to conventional menu bars and pop-up menus. 

The present invention can be realized in hardware, software, or a combination of 
5 hardware and software. A method and apparatus for emulating a menu in a content 
browser according to the present invention can be realized in a centralized fashion in 
one computer system, or in a distributed fashion where different elements are spread 
tj; across several interconnected computer systems. Any kind of computer system, or 
9 other apparatus adapted for carrying out the methods described herein, is suited, 
yip A typical combination of hardware and software could be a general purpose 

y 

Cf! computer system with a computer program that, when being loaded and executed, 
Q controls the computer system such that it carries out the methods described herein. 
P The present invention can also be embedded in a computer program product, which 
JjJ comprises all the features enabling the implementation of the methods described 
15 herein, and which, when loaded in a computer system is able to carry out these 
methods. 

Computer program or application in the present context means any expression, 
in any language, code or notation, of a set of instructions intended to cause a system 
having an information processing capability to perform a particular function either 
20 directly or after either or both of the following a) conversion to another language, code 
or notation; b) reproduction in a different material form. Significantly, this invention can 
be embodied in other specific forms without departing from the spirit or essential 
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attributes thereof, and accordingly, reference should be had to the following claims, 
rather than to the foregoing specification, as indicating the scope of the invention. 
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